layui.use(['layer', 'form', 'jquery', 'laydate'], function() {
	var layer = layui.layer;
	var form = layui.form;
	var laydate = layui.laydate;
	var form = layui.form;
	var $ = layui.jquery;
	var username=sessionStorage.getItem("username");


	//1.下拉选择框的监听
	form.on('select(cl_principal)', function(data) {
		console.log(data.value); //得到被选中的值,得到user的id
	});

	//2.日期选择
	var cl_next_time = null;
	laydate.render({
		elem: '#cl_next_time',
		type: 'datetime',
		trigger: 'click',
		format: 'yyyy-MM-dd HH:mm:ss',
		min: minDate(),
		theme: '#393D49',
		done: function(value, date, endDate) {
			console.log(value); //得到日期生成的值，如：2017-08-18
			cl_next_time=value;
		}
	});

	// 设置最小可选的日期
	function minDate() {
		var now = new Date();
		return now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
	}
	
	var formData = form.val('#popupForm')
	console.log(formData); 

	//3.取消并关闭页面
	$("#colseBtn").click(function(data) {
		//parent.location.reload(); // 父页面刷新
		var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
		parent.layer.close(index); //再执行关闭
		return false;
	});

	//4.监听submit提交按钮 button ，lay-filter 为 save 的
	form.on('submit(save)', function(data) {
		console.log("已提交")
		//此段代码可以获取提交的数据
		/* layer.alert(JSON.stringify(data.field), {
		    title: '最终的提交信息'
		}) */
		console.log(JSON.stringify(data.field))
		console.log($('#popupForm').serialize())
		$.ajax({
			type: "POST",
			dataType: "JSON",
			url: "../clue/saveClue", //url
			data: {
				cl_name: data.field.cl_name,
				cl_source: data.field.cl_source,
				cl_phone: data.field.cl_phone,
				cl_e_mail: data.field.cl_e_mail,
				cl_industry: data.field.cl_industry,
				cl_level: data.field.cl_level,
				cl_principal: data.field.cl_principal,
				cl_create_time: data.field.cl_create_time,
				cl_next_time: data.field.cl_next_time,
				cl_address: data.field.cl_address,
				cl_comment: data.field.cl_comment,
				cl_creator:username
			},
				// $('#popupForm').serialize(), //表单数据
			success: function(result) {
				if (result.msg == "success") {
					layer.msg('添加成功，1秒后自动关闭该窗口');
					//延迟1秒执行，目的是让用户看到提示
					setTimeout(function() {
						//1、先得到当前iframe层（弹出层）的索引  ///2、提交成功关闭弹出层窗口
						var index = parent.layer.getFrameIndex(window.name);
						parent.layer.close(index);
						parent.layui.table.reload('testReload', {
							page: {
								curr: 1
							}
						});
					}, 1 * 1000);
				};
			},
			error: function() {
				layer.msg('后台异常！未添加成功');
			}
		});
		//阻止页面跳转
		return false;
	});

	//5.页面打开时异步加载数据,查询负责人
	$.ajax({
		url: "../user/findAll?page=1&limit=10",
		async: false,
		type: "POST",
		datatype: "JSON",
		data: {},
		success: function(data) {
			if (data.data != "" && data.data != null) {
				var length = data.data.length;
				var html1 = '<dd lay-value="" class="layui-select-tips layui-this">直接选择</dd>';
				var html2 = '<option value="" >直接选择</option>';
				for (var i = 0; i < length; i++) {
					html1 += '<dd lay-value="' + data.data[i].id + '">' + data.data[i].u_name + '</dd>';
					html2 += '<option value="' + data.data[i].id + '">' + data.data[i].u_name + '</option>';
				}
				$("#cl_principal").next().children().eq(1).html(html1);
				$("#cl_principal").html(html2);

				$("#cl_principal").next().children().eq(1).html(html1);
				$("#cl_principal").html(html2);
				form.render(); //没有写这个，操作后没有效果

			}
		}
	});

	/*$('#CloseIframe').click(function () {
        //注意：parent 是 JS 自带的全局对象，可用于操作父页面
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        parent.layer.close(index);
    });*/



	//6.自定义表单验证
	//lay-verify ：对应userr、pass、等，required 为必填项
	form.verify({
		user: function(value) {
			if (value.length < 2) {
				return '用户名至少得2个字符啊';
			}
		},
		pass: [
			/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
		],
		content: function(value) {
			layedit.sync(editIndex);
		}
	});

});
